<template>
  <div class="simulator-top">
    <div class="item">
      <span>宽 :</span>
      <el-input class="size-input" v-model="containerData.width"></el-input>
    </div>
    <div class="item">
      <span>高 :</span>
      <el-input class="size-input" v-model="containerData.height"></el-input>
    </div>
  </div>
</template>
<script setup>
  import { defineModel } from 'vue';

  const modelData = defineModel();
  const containerData = modelData.value.container;
  console.log(containerData, 888);
</script>
<style scoped lang="less">
  .simulator-top {
    width: 100%;
    height: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    background: #fff;
    justify-content: center;
    .item {
      display: flex;
      span {
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .size-input {
        width: 80px;
      }
    }
  }
</style>
